@import "reset.less";
@import "kframes.less";
@import "common.less";
@import "swiper.css";
@import "main03.less";
@import "main03child.less";
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.clear:after {
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
  font-size: 0;
  display: block;
}

//------------------------------loading部分-------------------
.m-loading {
  position: absolute;
  z-index: 888;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  .logo {
    width: 1rem;
    height: 0.8rem;
    margin: -0.4rem 0 0 0;
    background: url("") no-repeat;
    background-size: cover;
  }
  .loadProcess {
    width: 1.6rem;
    height: .06rem;
    margin: 0.4rem 0 0 0;
    border: 1px solid #0c87f0;
    border-radius: .06rem;
    background: #fff;
    overflow: hidden;
    .inner {
      width: 0;
      height: 100%;
      background: #0c87f0;
    }
  }
}

//-----------------------------主体板块区域---------------------------------------
.m-main {
  width: 100%;
  height: 100%;
  .swiper-main.swiper-container {
    width: 100%;
    height: 100%;
    background: url('../img/main02-bg.jpg') no-repeat center / cover; // 板块主体层
    // swiper导航层
    .swiper-nav {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1.2rem;
      border-bottom: 2px solid #e5e5e5;
      z-index: 2;
      .logo {
        position: absolute;
        top: 0.3rem;
        left: 0.4rem;
        width: 2.06rem;
        height: 0.68rem;
        background: url('../img/layer-logo.png') no-repeat center / cover;
      }
      .btn-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 1.2rem;
        height: 1.2rem;
        background: url('../img/main02-btn-menu.png') no-repeat center / cover;
        background-size: 0.64rem 0.35rem;
      }
    }
    .swiper-nav.index {
      display: none; // border-bottom: 2px solid rgba(0, 0, 0, 0);
      // .logo{
      //   background: url('../img/logo.png') no-repeat center / cover;
      // }
      // .btn-menu{
      //   background: url('../img/btn-menu.png') no-repeat center / cover;
      // }
    }
  }
  .main-wrap {
    background: #000;
    position: relative;
    width: 100%;
    height: 100%; // 主体swiper区域
    .main {
      position: relative;
      overflow: hidden;
      .page-wrap {
        width: 100%;
        height: 100%;
      }
      .empty-box {
        height: 1.6rem;
        width: 100%;
      }
      .title-box {
        position: relative;
        width: 100%;
        height: 0.8rem;
      }
      .title-img {
        top: 0;
        width: 2.16rem;
        height: 0.7rem;
        background: url('../img/all-title-font.png') no-repeat top left / 7.50rem 13.34rem;
      }
      color: #909090;
      p {
        color: #909090;
      }
    } // 第一屏
    .main01 {
      background: url('../img/main01-bg.jpg') no-repeat top center / cover;
      .swiper-nav {
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        .logo {
          background: url('../img/logo.png') no-repeat center / cover;
        }
        .btn-menu {
          background-image: url('../img/btn-menu.png');
        }
      }
      .text {
        width: 5.02rem;
        height: 1.63rem;
        background: url('../img/main01-text.png') no-repeat center / cover;
      }
      .tip {
        width: 0.49rem;
        height: 0.27rem;
        margin: 5rem 0 0 0;
        .arrow {
          width: 100%;
          height: 100%;
          -webkit-animation: 1s arrowMove ease both infinite;
          animation: 1s arrowMove ease both infinite;
          background: url('../img/arrow.png') no-repeat center / cover;
        }
      }
    } // 第二屏
    .main02 {
      .title-img {
        width: 2.98rem;
        height: 0.5rem;
        background-position: -0.4rem -1.02rem;
      }
      .btn-wrap {
        position: relative;
        width: 100%;
        height: 1.68rem; 
        .box {
          width: 6rem;
          height: 100%;
          display: -moz-box;
          display: -webkit-box;
          display: box;
        }
        .btn {
          -moz-box-flex: 1;
          -webkit-box-flex: 1;
          box-flex: 1;
          font-size: .36rem;
          text-align: center;
          line-height: 1.24rem;
          background: url('../img/main04-btn.png') no-repeat top center / 2.84rem 1.22rem;
          a{
            color: #707070;
          }
        }
        .btn.active {
          color: #fff;
          background: url('../img/main04-btn-active.png') no-repeat top center / 2.84rem 1.22rem;
          a{
            color: #fff;
          }
        } // .btn01 {
        //   background: url('../img/main02-01btn.png') no-repeat top center / contain;
        // }
        // .btn01.active {
        //   background: url('../img/main02-01btn-active.png') no-repeat top center / contain;
        // }
        // .btn02 {
        //   background: url('../img/main02-02btn.png') no-repeat top center / contain;
        // }
        // .btn02.active {
        //   background: url('../img/main02-02btn-active.png') no-repeat top center / contain;
        // }
      }
      .cont-wrap {
        position: relative;
        width: 100%;
        height: 6rem;
        .box {
          width: 6rem;
          height: 100%;
        }
        .cont {
          display: none;
          .c-title {
            width: 100%;
            height: 1.3rem;
            .bg {
              width: 2.16rem;
              height: 0.75rem;
              background: url('../img/main02-cont-title.png') no-repeat center / cover;
            }
          }
          p {
            i {
              color: #75aee4;
            }
            font-size: 0.24rem;
            line-height: 0.44rem;
          }
          .tag {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 0.17rem;
            height: 2.32rem;
            background: url('../img/main02-tag.png') no-repeat center / cover;
          }
        }
        .cont.active {
          display: block;
        }
        .cont01 {
          .c-text02 {
            padding-top: .2rem;
          }
        }
        .cont02 {
          .c-head {
            position: relative;
            width: 100%;
            height: 2.86rem;
            .head-img {
              width: 6rem;
              height: 2.86rem * (6/5.86);
              background: url('../img/main02-cont-head.jpg') no-repeat center / cover;
            }
          }
          .c-title {
            width: 100%;
            padding-top: 1.4rem - 0.64rem;
            height: 0.64rem;
          }
          .c-text01 {
            padding-top: .3rem;
          }
        }
      }
    } // 第三屏
    .main03 {
      .title-img {
        background-position: -0.48rem -5.58rem;
      }
      .card-wrap {
        width: 100%;
        height: 8.6rem;
        .swiper-card {
          width: 100%;
          height: 100%;
          .card {
            width: 4.86rem;
            height: 7.86rem;
            .btn-href {
              bottom: 1rem;
              width: 2.98rem;
              height: 1.30rem;
              background: url('../img/main03-btn-href.png') no-repeat center / cover;
              a {
                display: block;
                width: 100%;
                height: 100%;
              }
            }
          }
          .card.swiper-slide-active {
            .btn-href {
              background: url('../img/main03-btn-href-active.png') no-repeat center / cover;
            }
          }
          .yxkf {
            background: url('../img/main03-card-yxkf.png') no-repeat center / cover;
          }
          .yxkf.swiper-slide-active {
            background: url('../img/main03-card-yxkf-active.png') no-repeat center / cover;
          }
          .znhl {
            background: url('../img/main03-card-znhl.png') no-repeat center / cover;
          }
          .znhl.swiper-slide-active {
            background: url('../img/main03-card-znhl-active.png') no-repeat center / cover;
          }
          .aiaq {
            background: url('../img/main03-card-aiaq.png') no-repeat center / cover;
          }
          .swiper-slide-active {}
          .aiaq.swiper-slide-active {
            background: url('../img/main03-card-aiaq-active.png') no-repeat center / cover;
          }
          .tmcy {
            background: url('../img/main03-card-tmcy.png') no-repeat center / cover;
          }
          .tmcy.swiper-slide-active {
            background: url('../img/main03-card-tmcy-active.png') no-repeat center / cover;
          }
          .ycwx {
            background: url('../img/main03-card-ycwx.png') no-repeat center / cover;
          }
          .ycwx.swiper-slide-active {
            background: url('../img/main03-card-ycwx-active.png') no-repeat center / cover;
          }
          .qndy {
            background: url('../img/main03-card-qndy.png') no-repeat center / cover;
          }
          .qndy.swiper-slide-active {
            background: url('../img/main03-card-qndy-active.png') no-repeat center / cover;
          }
          .qnyy {
            background: url('../img/main03-card-qnyy.png') no-repeat center / cover;
          }
          .qnyy.swiper-slide-active {
            background: url('../img/main03-card-qnyy-active.png') no-repeat center / cover;
          }
          .qnbj {
            background: url('../img/main03-card-qnbj.png') no-repeat center / cover;
          }
          .qnbj.swiper-slide-active {
            background: url('../img/main03-card-qnbj-active.png') no-repeat center / cover;
          }
          .yycy {
            background: url('../img/main03-card-yycy.png') no-repeat center / cover;
          }
          .yycy.swiper-slide-active {
            background: url('../img/main03-card-yycy-active.png') no-repeat center / cover;
          }
          .cysj {
            background: url('../img/main03-card-cysj.png') no-repeat center / cover;
          }
          .cysj.swiper-slide-active {
            background: url('../img/main03-card-cysj-active.png') no-repeat center / cover;
          }
          .dsp {
            background: url('../img/main03-card-dsp.png') no-repeat center / cover;
          }
          .dsp.swiper-slide-active {
            background: url('../img/main03-card-dsp-active.png') no-repeat center / cover;
          }
        }
      }
    } // 第四屏
    .main04 {
      .title-img {
        background-position: -0.46rem -3.19rem;
      }
      .year-wrap{
        width: 100%;
        padding-top: 0.2rem;
        height: 0.6rem;
        margin-bottom: 0.4rem;
        .box{
          width: 100%;
          height: 0.6rem;
          display: -moz-box;
          display: -webkit-box;
          display: box;
        }
        .year-btn.swiper-pagination-bullet-active{
           .btn{
             background: #0077de;
             color: #fff;
           }
        }
        // .year-btn{
        //   width: 100% / 6;
        //   height: 100%;
        //   // background: red;
        //   -moz-box-flex: 1;
        //   -webkit-box-flex: 1;
        //   box-flex: 1;
        //   display: block;
        //   opacity: 1;
        //   background: none;
        //   .btn{
        //     width: 90%;
        //     height: calc(~"100% - 2px");
        //     margin: 0 5%;
        //     line-height: calc(~"0.6rem - 2px");
        //     font-size: 0.26rem;
        //     // font-weight: 900;
        //     color: #707070;
        //     border: 1px solid #0077de;
        //     border-radius: 2rem;
        //     text-align: center;
        //   }
        // }
      }
      .swiper-year {
        width: 100%;
        height: 8.8rem;
        .swiper-wrapper {
          .swiper-slide {
            position: relative;
            // .cont-wrap{
            //   opacity: 0;
            //    -webkit-transition: all 300ms linear;
            //   transition: all 300ms linear;
            // }
            // p {
            //   width: 1rem;
            //   height: 1rem;
            //   border-radius: 1rem;
            //   border: 1px solid #bfbfbf;
            //   background-color: #fff;
            //   font-size: 0.24rem;
            //   text-align: center;
            //   line-height: 1rem;
            //   -webkit-transition: all 100ms linear;
            //   transition: all 100ms linear;
            // }
          } 
          .swiper-slide.swiper-slide-active {
            // .cont-wrap{
            //   opacity: 1;
            // }
          }
        }
      }
      .nav-wrap {
        position: relative;
        padding-top: 0.2rem;
        width: 100%;
        height: 1.26rem; // background: url('../img/main04-nav.png') no-repeat center / cover;
        .box {
          width: 6.06rem;
          height: 100%;
        }
        .page-wrap {
          width: 100%;
          height: 100%;
        }
      }
      .year-title {
        position: relative;
        width: 100%;
        height: 1.2rem;
        margin-bottom: 0.2rem;
        .box {
          top: 0.2rem;
          width: 2.4rem;
          height: 0.84rem;
          border-radius: 0.2rem;
          background: #0077de;
          color: #fff;
          font-size: 0.4rem;
          line-height: 0.84rem;
          text-align: center;
        }
      }
      .cont-wrap {
        width: 100%;
        height: 7rem;
        .box {
          width: 6rem;
          height: 100%;
        }
        .cont {
          // display: none;
          .video-wrap {
            position: relative;
            width: 100%;
            height: 3.29rem;
          }
          .video-start {
            width: 5.86rem;
            height: 3.29rem;
            background: no-repeat center / cover;
          }
          .play-icon {
            width: 0.81rem;
            height: 0.81rem;
            background: url('../img/play-icon.png') no-repeat center / cover;
          }
          .text-wrap {
            padding-top: .2rem;
            h1 {
              height: 0.6rem;
              line-height: 0.6rem;
              font-size: 0.3rem;
              color: #007ae1;
              text-align: center;
            }
            p {
              i {
                font-size: .3rem;
                color: #707070;
              }
              font-size: .24rem;
              line-height: 0.44rem;
              color: #909090;
            }
          }
        }
        .cont.show {
          display: block;
        }
        .year12 {
          .video-start {
            background-image: url('../img/main04-video-12year.png');
          }
        }
        .year13 {
          .video-start {
            background-image: url('../img/main04-video-13year.png');
          }
        }
        .year14 {
          .video-start {
            background-image: url('../img/main04-video-14year.png');
          }
        }
        .year15 {
          .video-start {
            background-image: url('../img/main04-video-15year.png');
          }
        }
        .year16 {
          .video-start {
            background-image: url('../img/main04-video-16year.png');
          }
        }
        .year17 {
          .video-start {
            background-image: url('../img/main04-video-17year.png');
          }
        }
      }
    } // 第五屏
    .main05 {
      .title-img {
        width: 2.4rem;
        background-position: -0.4rem -2.02rem;
      }
      .btn-wrap {
        position: relative;
        width: 100%;
        height: 1.68rem;
        .box {
          width: 6rem;
          height: 100%;
          display: -moz-box;
          display: -webkit-box;
          display: box;
        }
        .btn {
          -moz-box-flex: 1;
          -webkit-box-flex: 1;
          box-flex: 1;
          font-size: .3rem;
          text-align: center;
          line-height: 1.24rem;
          color: #707070;
          a{
             color: #707070;
          }
          background: url('../img/main04-btn.png') no-repeat top center / 2.84rem 1.22rem;
        }
        .btn.active {
          color: #fff;
          a{
             color: #fff;
          }
          background: url('../img/main04-btn-active.png') no-repeat top center / 2.84rem 1.22rem;
        }
      }
      .cont-wrap {
        position: relative;
        width: 100%;
        height: 7.2rem;
        .box {
          width: 7rem;
          height: 100%;
        }
        .cont {
          display: none;
          .icon-wrap {
            width: 100%;
            height: 7.2rem;
            .wrap {
              width: 100%;
              height: auto;
              display: -moz-box;
              display: -webkit-box;
              display: box;
              .icon {
                width: 25%;
                -moz-box-flex: 1;
                -webkit-box-flex: 1;
                box-flex: 1;
                .i-head {
                  position: relative;
                  width: 100%;
                  height: 1.22rem;
                  .i-img {
                    width: 1.21rem;
                    height: 1.22rem;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                  }
                }
                text-align: center;
                font-size: 0.2rem;
                .i-name {
                  p {
                    font-size: 0.18rem;
                    height: 0.5rem;
                    width: 100%;
                    line-height: 0.5rem;
                    color: #707070;
                    span {
                      font-size: 0.24rem;
                      color: #007ae1;
                      font-weight: bolder;
                    }
                    .en {
                      font-size: 0.18rem;
                    }
                  }
                }
                .i-works {
                  p {
                    width: 100%;
                    text-align: center;
                    color: #707070;
                    font-size: 0.18rem;
                    line-height: 0.28rem;
                  }
                }
              }
            }
          }
        }
        .cont01 {
          .wrap {
            margin-bottom: 0.4rem;
          }
        }
        .cont02 {
          .wrap {
            margin-bottom: 0.2rem;
          }
        }
        .cont.active {
          display: block;
        }
        .cont01 {
          .slide01 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-01.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-02.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-03.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-04.png');
                }
              }
            }
            .wrap02 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-05.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-06.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-07.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-08.png');
                }
              }
            }
          }
          .slide02 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-09.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-10.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-11.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-12.png');
                }
              }
            }
            .wrap02 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-13.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-14.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-15.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-16.png');
                }
              }
            }
          }
          .slide03 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-17.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-18.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-19.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-20.png');
                }
              }
            }
            .wrap02 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-21.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-22.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-23.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-24.png');
                }
              }
            }
          }
          .slide04 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-25.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-26.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-27.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-01cont-28.png');
                }
              }
            }
            .wrap02 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-29.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-01cont-30.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-01cont-31.png');
                }
              }
            }
          }
        }
        .cont02 {
          .slide01 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-02cont-01.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-02cont-02.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-02cont-03.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-02cont-04.png');
                }
              }
            }
            .wrap02 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-02cont-05.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-02cont-06.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-02cont-07.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-02cont-08.png');
                }
              }
            }
            .wrap03 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-02cont-09.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-02cont-10.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-02cont-11.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-02cont-12.png');
                }
              }
            }
          }
          .slide02 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-01cont-13.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-02cont-14.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-02cont-15.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-02cont-16.png');
                }
              }
            }
            .wrap02 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-02cont-17.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-02cont-18.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-02cont-19.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-02cont-20.png');
                }
              }
            }
            .wrap03 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-02cont-21.png');
                }
              }
              .icon:nth-child(2) {
                .i-img {
                  background-image: url('../img/main05-02cont-22.png');
                }
              }
              .icon:nth-child(3) {
                .i-img {
                  background-image: url('../img/main05-02cont-23.png');
                }
              }
              .icon:nth-child(4) {
                .i-img {
                  background-image: url('../img/main05-02cont-24.png');
                }
              }
            }
          }
          .slide03 {
            .wrap01 {
              .icon:nth-child(1) {
                .i-img {
                  background-image: url('../img/main05-02cont-25.png');
                }
              } // .icon:nth-child(2) {
              //   .i-img {
              //     background-image: url('../img/main05-01cont-26.png');
              //   }
              // }
              // .icon:nth-child(3) {
              //   .i-img {
              //     background-image: url('../img/main05-01cont-27.png');
              //   }
              // }
              // .icon:nth-child(4) {
              //   .i-img {
              //     background-image: url('../img/main05-01cont-28.png');
              //   }
              // }
            }
          }
        }
      }
    } // 第六屏
    .main06 {
      .title-img {
        background-position: -0.46rem -4.27rem;
      }
      .btn-wrap {
        position: relative;
        width: 100%;
        height: 1.28rem;
        .box {
          width: 6rem;
          height: 100%;
          display: -moz-box;
          display: -webkit-box;
          display: box;
        }
        .btn {
          -moz-box-flex: 1;
          -webkit-box-flex: 1;
          box-flex: 1;
          font-size: .3rem;
          text-align: center;
          line-height: 1.1rem;
          color: #707070;
          a{
            color: #707070;
          }
          background: url('../img/main04-btn.png') no-repeat top center / 2.1rem 1.10rem;
        }
        .btn.active {
          color: #fff;
          a{
            color: #fff;
          }
          background: url('../img/main04-btn-active.png') no-repeat top center / 2.1rem 1.10rem;
        }
      }
      .cont-wrap {
        position: relative;
        width: 100%;
        height: 6.6rem;
        .box {
          width: 6.74rem;
          height: 100%;
        }
        .cont {
          display: none;
        }
        .cont.active {
          display: block;
        }
        .row {
          width: 100%;
          height: 0.62rem;
          margin-bottom: 0.27rem;
          display: -moz-box;
          display: -webkit-box;
          display: box;
          .r-logo {
            position: relative;
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            box-flex: 1;
            .logo-img {
              width: 2.10rem;
              height: 0.70rem;
              background: no-repeat center / cover;
            }
          }
        }
        .cont01 {
          li:nth-child(1) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00000.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00002.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00003.png');
              }
            }
          }
          li:nth-child(2) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00022.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00027.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00009.png');
              }
            }
          }
          li:nth-child(3) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00017.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00004.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00010.png');
              }
            }
          }
          li:nth-child(4) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00024.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00008.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00018.png');
              }
            }
          }
          li:nth-child(5) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00005.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00021.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00025.png');
              }
            }
          }
          li:nth-child(6) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00023.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00016.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00013.png');
              }
            }
          }
          li:nth-child(7) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00011.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00006.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00026.png');
              }
            }
          }
          li:nth-child(8) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00012.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00019.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-hz00007.png');
              }
            }
          } // li:nth-child(9) {
          //   .r-logo01 {
          //     .logo-img {
          //       background-image: url('../img/main06-logo-hz00019.png');
          //     }
          //   }
          //   .r-logo02 {
          //     .logo-img {
          //       background-image: url('../img/main06-logo-hz00007.png');
          //     }
          //   }
          //   // .r-logo03 {
          //   //   .logo-img {
          //   //     background-image: url('../img/main06-logo-hz00012.png');
          //   //   }
          //   // }
          // }
        }
        .cont02 {
          li:nth-child(1) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00003.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00007.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00017.png');
              }
            }
          }
          li:nth-child(2) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00004.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00011.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00012.png');
              }
            }
          }
          li:nth-child(3) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00001.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00002.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00009.png');
              }
            }
          }
          li:nth-child(4) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00010.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00013.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00008.png');
              }
            }
          }
          li:nth-child(5) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00006.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00005.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00015.png');
              }
            }
          }
          li:nth-child(6) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00014.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00016.png');
              }
            }
            .r-logo03 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00000.png');
              }
            }
          }
          li:nth-child(7) {
            .r-logo01 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00018.png');
              }
            }
            .r-logo02 {
              .logo-img {
                background-image: url('../img/main06-logo-tx00019.png');
              }
            }
            .r-logo03 {
              .logo-img {
                // background-image: url('../img/main06-logo-tx00000.png');
              }
            }
          }
        }
        .cont03 {
          .hzmt-swiper{
            width: 100%;
            height: 100%;
          }
          .slide01 {
            li:nth-child(1) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00012.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00011.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00013.png');
                }
              }
            }
            li:nth-child(2) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00014.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00015.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00006.png');
                }
              }
            }
            li:nth-child(3) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00027.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00016.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00005.png');
                }
              }
            }
            li:nth-child(4) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00017.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00018.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00030.png');
                }
              }
            }
            li:nth-child(5) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00019.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00020.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00003.png');
                }
              }
            }
            li:nth-child(6) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00025.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00029.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00021.png');
                }
              }
            }
          }
          .slide02 {
            li:nth-child(1) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00026.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00000.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00007.png');
                }
              }
            }
            li:nth-child(2) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00022.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00002.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00009.png');
                }
              }
            }
            li:nth-child(3) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00001.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00004.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00023.png');
                }
              }
            }
            li:nth-child(4) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00010.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00024.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00008.png');
                }
              }
            }
            li:nth-child(5) {
              .r-logo01 {
                .logo-img {
                  background-image: url('../img/main06-logo-mt00028.png');
                }
              }
              .r-logo02 {
                .logo-img {
                  // background-image: url('../img/main06-logo-mt00020.png');
                }
              }
              .r-logo03 {
                .logo-img {
                  // background-image: url('../img/main06-logo-mt00003.png');
                }
              }
            }
            // li:nth-child(6) {
            //   .r-logo01 {
            //     .logo-img {
            //       background-image: url('../img/main06-logo-mt00025.png');
            //     }
            //   }
            //   .r-logo02 {
            //     .logo-img {
            //       background-image: url('../img/main06-logo-mt00029.png');
            //     }
            //   }
            //   .r-logo03 {
            //     .logo-img {
            //       background-image: url('../img/main06-logo-mt00021.png');
            //     }
            //   }
            // }
          }
        }
      }
    }
  }
}

//-----------------------------弹出层样式---------------------------------------
.m-layer {
  z-index: 99;
  background: url('../img/m-layerbg.jpg') no-repeat center / cover;
  -webkit-transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 600ms ease-out;
  transform: translate3d(100%, 0, 0);
  transition: transform 600ms ease-out;
  .top {
    width: 100%;
    height: 1rem;
    .btn-back {
      width: 1rem;
      height: 1rem;
      background: url('../img/layer-btn-back.png') no-repeat center;
      background-size: 0.2rem 0.38rem;
    }
  }
  .head {
    width: 100%;
    height: 1.21rem;
    background: url('../img/layer-logo.png') no-repeat center;
    background-size: 3.72rem 1.21rem;
  }
  .main {
    width: 100%;
    height: 8rem;
    .swiper-pagination {
      width: 3rem;
      height: 8rem;
      .swiper-pagination-bullet-active.main-go {
        .icon {
          background: #007ae1;
        }
        .text {
          color: #007ae1;
        }
      }
      .main-go {
        width: 100%;
        height: 0.8rem;
        padding: 0.2rem 0;
        border-radius: 0;
        background: none;
        opacity: 1;
        .icon {
          display: inline-block;
          width: 0.2rem;
          height: 0.2rem;
          background: #7c7c7c;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        .text {
          display: inline-block;
          width: 2.7rem;
          text-align: center;
          font-size: 0.34rem;
          color: #7c7c7c;
        }
      }
    }
  }
}

.m-layer.show {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

// ----------------------------视频播放器-----------------------------------------
.video-control{
  z-index: 6;
}
.m-float-video {
  display: none;
  z-index: 666;
  .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
  }
  .video-box {
    background: #000;
    width: 100%;
    height: auto;
    .btn-close {
      position: absolute;
      top: -0.6rem;
      right: 0;
      background: #007ae1 url('../img/bg_video_close.png') no-repeat center / 0.3rem 0.3rem;
      width: 0.6rem;
      height: 0.6rem;
    }
  }
}

//-----------------------------横屏提示遮罩层---------------------------------------
.m-mask {
  display: none;
  background: #000;
  z-index: 999;
  .rotate-icon {
    width: 1.34rem;
    height: 2.18rem;
    margin: -0.5rem 0 0 0;
    .icon {
      background: url('../img/tip-rotate.png') no-repeat center / cover;
      -webkit-animation: rotation infinite 1.5s ease-in-out;
      animation: rotation infinite 1.5s ease-in-out;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
    }
  }
  .text {
    color: #fff;
    font-size: .28rem;
    margin: 1.6rem 0 0 0;
  }
}

// 腾讯foot.js样式控制
#afooter{
  position: absolute;
  width: 100%;
  background: #000;
  bottom: 0;
  left: 0;
  z-index: 666;
  text-align: center;
  font-size: 0.24rem;
  padding: 0.1rem 0;
  color: #fff;
}
// 横竖屏控制显示
@media all and (orientation: landscape) {
  .m-horizontal {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .m-vertical {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .m-mask.absf {
    display: block;
  }
}